<template>
	<div class="doc-MenuItem">
		<template v-if="name">
			<div>{{name}}</div>
			<div
				class="doc-MenuItem_sub"
				:class="{active}"
			>{{value}}</div>
		</template>
		<template v-else>{{value}}</template>
	</div>
</template>

<script setup>
defineProps({
	active:Boolean,
	name:String,
	value:String,
});
</script>

<style lang="scss">
.doc-MenuItem_sub{
	font-size:12px;
	color:#c0c0c0;
	&.active{
		color:#2d8cf0;
	}
}
</style>